﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset={DT_CHARSET}"/>
<title>Account binding</title>
<script type="text/javascript" src="{DT_STATIC}lang/{DT_LANG}/lang.js"></script>
<script type="text/javascript" src="{DT_STATIC}file/script/config.js"></script>
<script type="text/javascript" src="{DT_STATIC}file/script/jquery.js"></script>
<script type="text/javascript" src="{DT_STATIC}file/script/common.js"></script>
<script type="text/javascript" src="{DT_STATIC}file/script/page.js"></script>
<style>
* {word-break:break-all;font-family:Verdana,Arial;}
body {margin:0;font-size:12px;color:#333333;background:#FFFFFF;}
input,select,textarea,td {font-size:12px;}
img {border:none;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
a:link,a:visited,a:active {color:#1C6797;text-decoration:none;}
a:hover {color:#FF6600;}
.m {width:560px;margin:auto;}
.t {border-bottom:#EEEEEE 1px solid;padding:20px 0 0 0;}
.u {padding:15px 0 0 6px;border-top:#CCCCCC 1px dotted;}
.l {background:#E2F4FF;padding:20px;margin:0 85px 0 85px;}
.r {background:#E2F4FF;padding:20px;margin:0 85px 0 85px;text-align:center;}
.i {width:150px;font-size:13px;}
</style>
</head>
<body>
<div class="m">
	<br/>
	<table width="100%" cellpadding="0" cellspacing="0">
	<tr>
	<td><a href="{$MODULE[1][linkurl]}"><img src="{if $DT[logo]}{$DT[logo]}{else}{DT_SKIN}image/logo.gif{/if}" alt="{$DT[sitename]}"/></a></td>
	<td width="70" align="center"><img src="{if $avatar}{$avatar}{else}{DT_PATH}api/oauth/avatar.png{/if}" width="50"/></td>
	<td>Come from <img src="{DT_PATH}api/oauth/{$site}/ico.png" align="absmiddle"/> {$OAUTH[$site][name]} Of {if $url}<a href="{$url}" target="_blank">{/if}<strong style="color:#1C6797;">{if $nickname}{$nickname}{else}User{/if}</strong>{if $url}</a>{/if}，Hello!<div style="padding-top:5px;">Now you can connect <span style="color:#FF6600;">{$DT[sitename]}</span> The</div></td>
	</tr>
	</table>

	<br/>
	<div class="u"><strong>Already a member：</strong>Using existing user name to connect</div>
	<br/>
	
	<div class="l">
	<form method="post" action="{$MODULE[2][linkurl]}{$DT[file_login]}"  onsubmit="return Dcheck();">
	<input name="forward" type="hidden" id="forward" value="{$forward}">
	<table cellpadding="3" cellspacing="4" width="100%">
	<tr>
	<td align="right">Username or e-mail：</td>
	<td>
	<input name="username" type="text" id="username" class="i"/>
	</td>
	</tr>
	<tr>
	<td align="right">Password：</td>
	<td>
	<input name="password" type="password" id="password" class="i"/>
	<a href="send.php">&nbsp;Forgot your password?</a>
	</td>
	</tr>
	{if $MOD[captcha_login]}
	<tr>
	<td align="right">Verification code：</td>
	<td>{template 'captcha', 'chip'}</td>
	</tr>
	{/if}
	<tr>
	<td width="80"> </td>
	<td>
	<input type="submit" name="submit" value=" Bound "/>&nbsp;&nbsp;
	<input type="button" value=" Cancel " onclick="Go('{$MODULE[1][linkurl]}');"/>
	</td>
	</tr>
	</table>
	</form>	
	</div>
	<br/><br/>

	<div class="u"><strong>Not a member：</strong>Create a new user</div>
	<br/>

	<div class="r">
	<input type="button" value="Create a new user and bind" onclick="Go('{$MODULE[2][linkurl]}{$DT[file_register]}?forward={$forward}');"/>
	</div>		
</div>
<script type="text/javascript">
function Dcheck() {
	if(Dd('username').value == '') {
		confirm('Please enter your{$DT[sitename]}The user name or e-mail');
		Dd('username').focus();
		return false;
	}
	if(Dd('password').value == '') {
		confirm('Please enter your{$DT[sitename]}Password');
		Dd('password').focus();
		return false;
	}
{if $MOD[captcha_login]}
	if(!is_captcha(Dd('captcha').value)) {
		confirm('Please fill in the verification code');
		Dd('captcha').focus();
		return false;
	}
{/if}
}
</script>
</body>
</html>